import React, { useRef } from 'react'

const App = () => {
  // #1 创建引用
  const inputRef = useRef(null)
  const add = () => {
    // #3 inputRef.current 就是关联的 DOM 对象
    console.log(inputRef.current.value)
  }
  return (
    <section>
      {/* #2 和 DOM 进行关联 */}
      <input placeholder='请输入内容' ref={inputRef} />
      <button onClick={add}>添加</button>
    </section>
  )
}

export default App
